{% extends 'root_jquery.html' %}

{% block root_content %}

<h1>Order a copy of an album</h1>
        <p>Please enter your delivery and payment information below. <br/>
        During the payment you are redirected to payment provider's page for confirmation. </p>

<form class="generated" action="http://webcourse.cs.hut.fi/payment/pay/" method="POST">
    <input type="hidden" name="amount" value="{{payment.amount}}" />
    <input type="hidden" name="pid" value="{{payment.id}}" />
    <input type="hidden" name="sid" value="{{seller_id}}" />
    <input type="hidden" name="success_url" value="{{success_url}}" />
    <input type="hidden" name="cancel_url" value="{{cancel_url}}" />
    <input type="hidden" name="error_url" value="{{error_url}}" />
    <input type="hidden" name="checksum" value="{{checksum}}" />

    <h1>Order a copy of album {{album_name}}</h1>

    {% if form.errors %}
    <p class="error">Please enter username and password (twice).</p>
    {% endif %}

    <table>
        <tr>
            <td><label for="id_realname">Name:</label> </td>
            <td><input id="id_realname"/></td>
        </tr>

        <tr>
            <td><label for="address">Address:</label></td>
            <td> <textarea rows="3" cols="30" id="address" > </textarea></td>
        </tr>

        <tr>
            <td><label for="credit_card">Credit card number:</label> </td>
            <td><input id="credit_card"/></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" style="width: 190px; margin-right: -5px" value="Click to buy album for {{payment.amount}} euro"/></td>
        </tr>
    </table>

</form>

{% endblock %}